/* 登录注册的样式 */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-image: url(../img/loginAndRegister/login_bg.jpg);
	font-size: 16px;
}

.all_content {
	width: 445px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	justify-content: center;
	margin-top: 110px;
	border-radius: 16px;
	background-color: #ffffff;
}
/* fskfj */

.top_logo {
	width: 100%;
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
	background-color: #3b82f6;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.top_logo>img {
	height: 80px;
	width: 80px;
	margin-top: 28px;

}

.top_logo p {
	color: white;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* 登录注册内容 */
.d_content {
	display: flex;
	flex-direction: row;
	padding-left: 30px;
	padding-right: 30px;
	height: 66px;
}

.d_content .d_login {
	border-bottom: 2px solid #3b82f6;
	width: 100%;
	color: #3b82f6;
	font-weight: bold;
	/* 弹性布局 */
	display: flex;
	/* 内部元素水平对齐 */
	justify-content: center;
	/* 内部元素距离底部边线15个像素 */
	padding-bottom: 15px;
	/* 内部元素底部对齐 */
	align-items: flex-end;
}

.d_content .d_register {
	border-bottom: 1px solid #9faa9f;
	width: 100%;
	font-weight: bold;
	/* 弹性布局 */
	display: flex;
	/* 内部元素水平对齐 */
	justify-content: center;
	/* 内部元素距离底部边线15个像素 */
	padding-bottom: 15px;
	/* 内部元素底部对齐 */
	align-items: flex-end;
}

.login_content {
	margin-left: 30px;
	margin-right: 30px;
}

.login_content .p_account {
	margin-top: 25px;
	color: black;
}

.login_content .login_phone {
	margin-right: 30px;
	margin-bottom: 18px;
}

.login_content .login_phone>input {
	background-image: url(../img/loginAndRegister/头像.png);
	background-size: 20px 20px;
	background-position: 15px;
	background-repeat: no-repeat;
	height: 42px;
	padding-left: 40px;
	border-radius: 16px;
	margin-top: 12px;
	font-size: 16px;
	width: 100%;
	outline: none;
	border: 1px solid #909090;
}

.login_content .login_phone>input:hover {
	border: 1px solid #3b82f6;
}

.login_content .login_phone>input::placeholder {
	color: #9ca3af;
}

.login_content .login_pwd {
	margin-right: 30px;
	margin-bottom: 18px;
}

.login_content .login_pwd>input {
	background-image: url(../img/loginAndRegister/pwd.png);
	background-size: 20px 20px;
	background-position: 15px;
	background-repeat: no-repeat;
	height: 42px;
	padding-left: 40px;
	border-radius: 16px;
	margin-top: 12px;
	font-size: 16px;
	width: 100%;
	outline: none;
	border: 1px solid #909090;
}

.login_content .login_pwd>input::placeholder {
	color: #9ca3af;
}

.login_content .login_remember_pwd {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.login_content .login_remember_pwd .a_remeber_pwd {
	text-decoration: none;
}

.login_content .login_remember_pwd .a_remeber_pwd:hover {
	color: red;
}

.register_content{
	margin-left: 30px;
	margin-right: 30px;
}

.register_content .p1{
	margin-top: 24px;
	margin-bottom: 10px;
}

.register_content .p2{
	
}
.register_content .register_input_phone{
	width: 100%;
	height: 30px;
	border-radius: 8px;
	outline: none;
	background-image: url(../img/loginAndRegister/phone.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 5px 5px;
	padding-left: 30px;
	border: 1px solid gray;
	font-size: 16px;
}
.register_content .register_input_phone:focus{
	border: 1px solid #3b82f6;
}

.div_login {
	background-color: #3b82f6;
	border-radius: 4px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	margin-top: 27px;
}

.div_other_login {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-top: 35px;
	height: 20px;
	margin-bottom: 25px;
	margin-left: 30px;
	margin-right: 30px;
}

.div_other_login .div2{
	flex: 1;
	height: 1px;
	background-color: gray;
}

.div_other_login .div3{
	margin-left: 15px;
	margin-right: 16px;
}

.div_other_login .div4{
	flex: 1;
	height: 1px;
	background-color: gray;
}

.other_login {
	display: flex;
	flex-direction: row;
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}

.other_login .other_login_item {
	flex: 1;
}

.other_login .other_login_item>img {
	width: 40px;
}

.agrement {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	background-color: #c9d5d1;
	margin-bottom: 50px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

.agrement span{
	color: gray;
}

.agrement span a{
	text-decoration: none;
}

.agrement span a:hover{
	color: red;
}

/* 只显示登录 不显示注册 */
#id_login_content{
	display: block;
}
#id_register_content{
	display: none;
}

#id_login_content.id_login_content,
#id_register_content.login_content{
	display: block;
}